<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/slider.css">
    <link rel="stylesheet" href="../css/Shopping-cart.css">
    <link rel="stylesheet" href="../css/magnifier.css">


    <script src="../lib/jquery.js"></script>
    <script src="../js/common.js"></script>
    <script src="../js/jquery.slidebox.js"></script>
    <script src="../lib/magnifier.js"></script>
    <script src="../js/Shopping-cart.js"></script>
</head>

<body>

    <div>

        <!-- header -->
        <div id="header">
            <div class="top">
                <img src="../img/logo.jpg" alt="">
                <span>legochina.cn</span>
                <span class="clearfix">欢迎光临<a href="./Home.html">乐购</a>，请 登陆\<a>注册</a></span>
            </div>

            <!-- 搜索框/购物车 -->
            <div id="header-search">

                <div class="search">
                    <input type="text">
                    <div class="img-1"></div>
                </div>

            </div>

            <div class="selet">
                配送至&emsp;<select name="" id="">

                    <option value="">成都市高新区三环内</option>
                    <option value="">成都市高新区三环内</option>
                    <option value="">成都市高新区三环内</option>
                    <option value="">成都市高新区三环内</option>
                    <option value="">成都市高新区三环内</option>

                </select>
            </div>
        </div>

        <!-- main -->
        <div id="main">

            <h3>填写并核对订单信息</h3>

            <table class="tb1">

                <tr>
                    <th><input type="checkbox" class="cheall che-js">全选</th>
                    <th>商品</th>
                    <th>单价</th>
                    <th>数量</th>
                    <th>小计</th>
                    <th>操作</th>
                </tr>

            </table>

            <table class="tb2">

                <script>
                    for (let i = 1; i <= 5; i++) {
                        document.write(`<tr>
                    <td><input type="checkbox" class="che che-js"></td>
                    <td class="clearfix">
                        <img src="../素材图片/书籍/23353342-1_l.jpg" alt="">
                        <p>从你的全世界路过</p>
                    </td>
                    <td class="price">41.00</td>
                    <td>

                        <div class="jia">+</div>
                        <input type="nummber" class="t3" readonly value="1">
                        <div class="jian">-</div>

                    </td>
                    <td class="xj">41.00</td>
                    <td>

                        <button class="re">删除</button>
                        <button>移到我的关注</button>

                    </td>

                </tr>`)
                    }
                </script>

            </table>

        </div>

        <!-- 统计 -->
        <div id="over">
            <table class="tb3">

                <tr>
                    <th><input type="checkbox" class="cheall">全选</th>
                    <th class="reche">删除选中</th>

                    <th colspan="2">已选择<span class="numm">0</span>件商品</th>
                    <th>总价<span class="allprice">0.00</span></th>
                    <th class="goout">去结算</th>
                </tr>

            </table>
        </div>

        <!-- 人气单品 -->
        <div class="hot">
            <p class="hot-p">人气单品</p>

            <table class="list-common hot-t">
                <tr>
                    <script>
                        for (let i = 1; i <= 5; i++) {
                            document.write(`<td>
                <img src="../素材图片/书籍/22935553-1_l.jpg" alt="">
                <img src="../img/index05_18.jpg" alt="">
                <p>白夜行  东野上吾</p>
                <span>推荐:</span><i></i>
                <p>￥:38<span>￥:58</span></p>
            </td>`)
                        }
                    </script>
                </tr>
            </table>

        </div>

        <!-- 广告 -->
        <div class="gg">

        </div>

        <!-- 底部 -->
        <div id="foot">
            <div class="f-top">
                <img src="../img/gototop_05.jpg" alt="" class="retop">
                <div>
                    <img src="../img/222_11.png" alt="">
                    <img src="../img/222_13(1).png" alt="">
                    <img src="../img/222_15.png" alt="">
                    <img src="../img/222_17.png" alt="">
                </div>
            </div>

            <div class="f-main">
                <table>
                    <tr>
                        <td>购物指南</td>
                        <td>支付方式</td>
                        <td>订单服务</td>
                        <td>退换货</td>
                        <td>商家服务</td>
                    </tr>
                    <tr>
                        <td>购物指南</td>
                        <td>支付方式</td>
                        <td>订单服务</td>
                        <td>退换货</td>
                        <td>商家服务</td>
                    </tr>
                    <tr>
                        <td>购物指南</td>
                        <td>支付方式</td>
                        <td>订单服务</td>
                        <td>退换货</td>
                        <td>商家服务</td>
                    </tr>
                    <tr>
                        <td>购物指南</td>
                        <td>支付方式</td>
                        <td>订单服务</td>
                        <td>退换货</td>
                        <td>商家服务</td>
                    </tr>
                    <tr>
                        <td>购物指南</td>
                        <td>支付方式</td>
                        <td>订单服务</td>
                        <td>退换货</td>
                    </tr>

                </table>

                <div class="f-bt">
                    <p>公司简介 | Investor Relations | 网站联盟 | 乐购招商 | 机构销售 | 手机乐购 | 官方Blog | 热词搜索</p>
                    <span>Copyright (C) 乐购网 2004-2016, All Rights Reserved</span>
                </div>

                <img src="../img/logo_00.png" alt="">
            </div>
        </div>

    </div>

</body>

</html>